
<div class="recommed-service-bg" [ngStyle]="tagData.cssStyle | styleFilter" [ngClass]="{'bg-image-tag': tagData.showWaterImg}">
  <div class="recommed-user-bg">
    <p class="avatar-bg">
      <ng-container *ngIf=" tagData.data && tagData.data.imageUrl  && tagData.data.imageUrl.length > 3">

        <img class="avatar" [ngClass]="{'first-avatar': i===0 }" src="{{item}}" alt="" onerror="onerror=null;src='assets/img/headtrait.png'" *ngFor="let item of tagData.data.imageUrl.slice(2), let i = index">

        <img class="avatar" src="assets/icon/list_icon_more@3x.png" alt="" >

      </ng-container>
      <ng-container *ngIf=" tagData.data &&  tagData.data.imageUrl  && !(tagData.data.imageUrl.length > 3)">

        <img class="avatar" [ngClass]="{'first-avatar': i===0 }" src="{{item}}" alt="" onerror="onerror=null;src='assets/img/headtrait.png'" *ngFor="let item of tagData.data.imageUrl, let i = index">

      </ng-container>
      
    </p>
    <span *ngIf="tagData.data?.name" class="names" [innerHTML] = "tagData.data.name" ></span>
  </div> 
  
  <p *ngIf="tagData.data?.label" class="label" [innerHTML] = "tagData.data.label" ></p>
</div>
